<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>

</head>
<!--页头-->
<header class="" th:fragment="copy">
    <script src="/js/header.js">
    </script>
    <script>
        $(function () {
            $("#help").click(function () {
                alert("无门槛免费使用。");
            });
            $("#idea").click(function () {
                alert("请将问题通过邮箱发送至Wzy1172363204@163.com");
            });
        });
    </script>
    <link rel="stylesheet" href="/css/header.css"/>
    <div>
        <input type="hidden" th:value="${action}"/>

        <img src="/image/title.ico" style="width: 1.2em;height: 1.2em" class="header_title_img"/>
        <a href="/my">
                    <span class="header_title_text">
                        歪比歪比
                    </span>
        </a>
        <ul class="show_header">
            <li class="header_home">
                <span class="">
                    <a href="/my" class="header_home_current header_current" th:if="${action}==1">
                        <img src="/image/home_current.png" class="img_home"/>首页
                    </a>
                    <a href="/my" class="header_home_current " th:if="${action}!=1">
                        <img src="/image/home.png" class="img_home"/>首页
                    </a>
                </span>
            </li>
            <li class="header_hot">
                <span class="header_hot_current header_current" th:if="${action}==2">
                    <a href="/hotCritic" class="header_current"><img src="/image/hot_current.png"
                                                                     class="img_hot"/>热门评论</a>
                </span>
                <span class="header_hot_current" th:if="${action}!=2">
                    <a href="/hotCritic"><img src="/image/hot.png" class="img_hot"/>热门评论</a>
                </span>
            </li>

            <li class="header_hot" id="header_movie">
                <span class="header_hot_current header_current" th:if="${action}==3">
                    <img src="/image/movie_current.png"
                         class="img_hot"/>电影
                </span>
                <span class="header_hot_current" th:if="${action}!=3">
                    <img src="/image/movie.png" class="img_hot"/>电影
                </span>
                <ul id="movie_menu" style="z-index: 9999">
                    <li class="menu_li">
                        <a href="/board?index=7">
                            热映榜单
                        </a>
                    </li>

                    <li class="menu_li">
                        <a href="/board?index=6">
                            即将上映
                        </a>
                    </li>
                    <li class="menu_li">
                        <a href="/board?index=4">
                            高分电影
                        </a>
                    </li>

                    <li class="menu_li">
                        <a href="/board?index=2">
                            北美票房
                        </a>
                    </li>

                    <li class="menu_li">
                        <a href="/board?index=1">
                            国内票房
                        </a>
                    </li>
                </ul>
            </li>

            <li class="header_set" style="">
                <span class="header_set_current header_current" th:if="${action}==5">
                    <img src="/image/set_current.png" class="img_set"/>设置
                </span>
                <span class="header_set_current" th:if="${action}!=5">
                    <img src="/image/set.png" class="img_set"/>设置
                </span>
                <!--<div class="header_set_ul">-->
                <ul class="menu" style="z-index: 9999">
                    <li class="menu_li header_setting">
                        <a href="/accountSettings">
                            账号设置
                        </a>
                    </li>

                    <li class="menu_li header_feedback" id="idea">
                        <a href="#">
                            意见反馈
                        </a>
                    </li>
                    <li class="menu_li header_help" id="help">
                        <a href="#" >
                            帮助中心
                        </a>
                    </li>
                    <li class="menu_li header_logout">
                        <a href="/logout">
                            退出
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>


</header>
</html>
